
<script>
    $.loadJs("/js/pages/createUser_index.js");
</script>
<form action = "/createUser" method = "post" title = "Crear nuevo usuario" id = "createUser">
    <div style = " text-align : center;" id= "mensajeCreateUser" ><p>Escriba sus datos para iniciar el proceso de registraci&oacute;n de nuevo usuario</p></div>
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Usuario:
            </td>
            <td class = "qfInput" align="right">
                <input name = "usuario" id = "usuarioCreateUser" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Contrase&ntilde;a:
            </td>
            <td class = "qfInput" align="right">
                <input name = "clave" id = "claveCreateUser" style = " width : 80% " type = "password"/>
            </td>
        </tr>
    </table>
     <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Nombre de Pila
            </td>
            <td class = "qfInput" align="right">
                <input name = "nombredePila" id = "nombreDePilaCreateUser" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
     <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Apellido
            </td>
            <td class = "qfInput" align="right">
                <input name = "apellido" id = "apellidoCreateUser" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
      <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Email
            </td>
            <td class = "qfInput" align="right">
                <input name = "email" id = "emailCreateUser" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
</form>
<script>
$(document).ready(function(){	
    $('#createUser').dialog( {
        "modal" : true,
        "resizable" : false,
        "draggable" : true,
        "width" : "560px",
        "dialogClass": "dialogo dialogTemplate ",
        "close": function () {
            dialog.dialog('destroy').remove();
        }
        ,
        "buttons" : {
            "Registrar Usuario" : function () { alert('PASE nuevamente'); createUser(); }
        }
    } );
});
</script>








<!--  
<form action = "/createUser" method = "post" title = "Creacion de usuario" id = "createUser">
  <div style = " text-align : center;" id= "createUserMensaje" ><p>Crear nuevo usuario</p></div>
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Nombre de Usuario
            </td>
            <td class = "qfInput">
                <input name = "nombreDeUsuario" id = "nombreDeUsuario" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'>
    <tr>
            <td class = "qfLabel">
                Contrase&ntilde;a:
            </td>
            <td class = "qfInput">
                <input name = "claveDeUsuario" id = "claveDeUsuario" style = " width : 80% " type = "password"/>
            </td>
        </tr>
    
    </table>
    
    
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Nombre de Pila
            </td>
            <td class = "qfInput">
                <input name = "nombreDePilaDeUsuario" id = "nombreDePilaDeUsuario" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
    
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Apellido
            </td>
            <td class = "qfInput">
                <input name = "apellidoDeUsuario" id = "apellidoDeUsuario" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
    
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Email
            </td>
            <td class = "qfInput">
                <input name = "EmailDeUsuario" id = "EmailDeUsuario" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
    
</form>
-->
